<template>
  <!-- 背景展示 -->
  <div class="display_background">
    <img src="../window_Home/images/backImage.png" />
    <div class="full_box">
      <div class="full_screen" @click="timeFullScreen">☩</div>
    </div>
    <div class="info_box">
      <div class="title">重庆市第二届高校二级院系党组织书记讲党建比赛</div>
      <div class="sponsor">
        <div class="sponsor_first">主办:中共重庆市委教育工作委员会</div>
        <div class="sponsor_second">承办:重庆师范大学</div>
      </div>
      <div class="time">2024年11月</div>
    </div>
  </div>
</template>
<script setup>
import './display_background.css'
import { onMounted, ref } from 'vue'
const clickTime = ref(true)
function timeFullScreen() {
  if (clickTime.value) {
    window.electron.backFullScreen()
  } else {
    window.electron.backNoFullScreen()
  }
  clickTime.value = !clickTime.value
}
// const title = ref('')
// const sponsor = ref('')
// const time = ref('')
onMounted(() => {
  window.electron.getMessageToBack()
  window.electron.on('resMessage-to-back', (data) => {
    console.log(data)
  })
})
</script>
